<h1>This is a custom (beautiful) HTMl template</h1>

<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
          crossorigin="anonymous">
</head>

<a href="{% url 'flow-create' %}">Create flow</a>
<div class="container">
    <div class="text-center mt-5">
        <h1>Workflows:</h1>
        <p class="lead">A list of all workflows on the platform</p>
        {% for flow in object_list %}
            <div class="container">
                {% include "includes/requirement_summary.html" with flow=flow %}
                <form action="{% url "flow-delete" flow.pk %}" method="POST">
                    {% csrf_token %}
                    {% if flow.on_manual_step or not flow.is_complete %}
                        <a href="{% url "flow-continue" flow.pk %}">Progress requirement</a>
                    {% else %}
                        <a href="{% url "flow" flow.pk %}">View requirement</a>
                    {% endif %}
                    <button>
                        Delete requirement
                    </button>
                </form>
            </div>
            <hr>
        {% empty %}
            <div class="container">
                <p>
                    No workflows yet.
                </p>
            </div>
        {% endfor %}
    </div>
</div>
